影音先锋每日av色资源站-国产无遮挡吃胸膜奶免费看-国产午夜成人无码免费看不卡-国产精品尹人在线观看-亚洲日韩中文字幕在线不卡最新

聯(lián)
咨詢熱線:

17661095540

聯(lián)系QQ:

2863379292

官方微信:

移動(dòng)端網(wǎng)站開發(fā)如何做代碼適配?

網(wǎng)站優(yōu)化

導(dǎo)讀:如果不做移動(dòng)適配的話,可能我們本來有的移動(dòng)網(wǎng)頁和移動(dòng)端排名因百度無法確認(rèn)是移動(dòng)頁面,因此這部分流量都給指向了百度的轉(zhuǎn)碼頁。可以看自己網(wǎng)站在站長工具里面,移動(dòng)端有多少流

發(fā)表日期:2020-07-10

文章編輯:興田科技

瀏覽次數(shù):7687

標(biāo)簽:

如果不做移動(dòng)適配的話,可能我們本來有的移動(dòng)網(wǎng)頁和移動(dòng)端排名因百度無法確認(rèn)是移動(dòng)頁面,因此這部分流量都給指向了百度的轉(zhuǎn)碼頁。可以看自己網(wǎng)站在站長工具里面,移動(dòng)端有多少流量是指向了轉(zhuǎn)碼頁。這部分流量在做完適配后,即可指向我們的移動(dòng)頁面,避免了自己的流量被百度截流。

上次介紹了百度跳轉(zhuǎn)適配的相關(guān)問題,今天為大家介紹一下移動(dòng)端網(wǎng)站如何做代碼適配。那么具體代碼適配站點(diǎn)在開發(fā)時(shí)要注意哪些內(nèi)容呢?

移動(dòng)端網(wǎng)站開發(fā)如何做代碼適配? b2b如何推廣

代碼適配的開發(fā),百度官方也有詳細(xì)的說明,可分為兩部分: Vary HTTp標(biāo)頭 和 Meta applicable-device 標(biāo)簽。

一、Vary HTTp 標(biāo)頭

其作用在百度的文檔里解釋得很清楚:

1、它會(huì)向百度傳遞一個(gè)信號,表示說這是個(gè)代碼適配的站點(diǎn),百度就會(huì)盡快把網(wǎng)站抓取一遍進(jìn)行適配;

2、它可以防止用戶接收到錯(cuò)誤的網(wǎng)頁緩存。這部分是在網(wǎng)站的服務(wù)器上進(jìn)行的,有可能是Nginx,Apache, IIS 等,需要在服務(wù)器的配置里,設(shè)置Varyheader 為Vary:Accept-Encoding, User-Agent

比如Nginx 下,可以在配置文件中加上:more_set_headers-s 200 "Vary: " "Accept-Encoding, User-Agent"

注意:打開這個(gè)設(shè)置需要nginx同時(shí)安裝有ngx_headers_more模塊

在Apache下,可以在配置文件里寫上:Headerappend Vary User-Agent

移動(dòng)端網(wǎng)站開發(fā)如何做代碼適配? b2b如何推廣

二、Meta applicable-device 標(biāo)簽

Vary header 加上之后,為了讓百度更好地識別我們的頁面是 pC 還是 Mobile,就需要使用百度自定義的這個(gè) Meta applicable-device 標(biāo)簽了。注意以下來自百度的消息: Meta applicable-device 標(biāo)簽,并非是站點(diǎn)必須標(biāo)注的,現(xiàn)在很多站點(diǎn)沒有標(biāo)記這個(gè)標(biāo)簽情況也很好。但這個(gè)標(biāo)簽可以幫助百度校驗(yàn)自己的判斷,并及時(shí)進(jìn)行修正。做這個(gè)事情又不麻煩,所以我們建議代碼適配站點(diǎn)為了保證效果,還是加這個(gè)標(biāo)簽。

因此可能有些網(wǎng)站之前的移動(dòng)流量已經(jīng)很好了, 不會(huì)出現(xiàn)被百度轉(zhuǎn)碼的情況. 這說明百度已經(jīng)能很好地識別你的移動(dòng)頁面了. 但是依然建議加上這個(gè)標(biāo)簽, 一來加這個(gè)標(biāo)簽很容易, 二來可以確保百度能更準(zhǔn)確地識別頁面類型. 如果沒有加這個(gè)標(biāo)簽的話, 萬一突然技術(shù)做改版, 一些代碼的修改導(dǎo)致百度無法繼續(xù)準(zhǔn)確識別頁面類型了呢?

這部分是在網(wǎng)站的模板里添加的。自適應(yīng)的網(wǎng)站肯定已經(jīng)有了判斷用戶設(shè)備是 pC還是 Mobile的邏輯。利用這個(gè)邏輯,在整站的<head></head> 部分添加一行代碼即可:

如果用戶是pC設(shè)備(注意需要包括Baiduspider pC UA),則添加<metaname="applicable-device" content="pc">

如果用戶是移動(dòng)設(shè)備(包括Baiduspider Mobile UA),則添加<metaname="applicable-device" content="mobile">

注:關(guān)于BAIDUSpIDER,移動(dòng)和pC其實(shí)都是Baiduspider,并沒有區(qū)分,只是UA進(jìn)行了區(qū)分。新移動(dòng)UA請見百度官方文檔。

以上是大連網(wǎng)站建設(shè)網(wǎng)建科技為大家總結(jié)的一點(diǎn)經(jīng)驗(yàn),希望對大家在移動(dòng)端網(wǎng)站制作的思路上有所幫助,如需獲得咨詢及方案,歡迎聯(lián)系咨詢我們獲取。

相關(guān)文章推薦:《手機(jī)網(wǎng)站建設(shè)中百度移動(dòng)適配操做使用方法》http://www.dfntkj.com/SeoNews/6645.html

相關(guān)推薦

更多新聞

  • 11-20

    2020

    網(wǎng)站優(yōu)化 / 2020-11-20

    不得不知的網(wǎng)站優(yōu)化的理論和實(shí)踐!

      關(guān)于網(wǎng)站優(yōu)化,網(wǎng)站關(guān)鍵字優(yōu)化已成為亂拳打死老師傅的糾結(jié)型問題,特別是對于初學(xué)者SEOer來說,由于看了太多的理論知識,在真正開始網(wǎng)站優(yōu)化排名的時(shí)候,反而是

    View details

  • 11-20

    2020

    網(wǎng)站優(yōu)化 / 2020-11-20

    【干貨分享】基本概念和深圳seo方法!

      關(guān)于深圳seo,有了搜索引擎,seo永遠(yuǎn)不會(huì)消失。Seo入門簡單,行業(yè)需求旺盛,不斷有新加入者,掌握Seo的基本概念和相應(yīng)的優(yōu)化方法,很有必要。即:只要是接觸到seo,就

    View details

  • 11-15

    2020

    網(wǎng)站優(yōu)化 / 2020-11-15

    果斷收藏:K站在SEO優(yōu)化中包含了什么情形?

      關(guān)于seo,一些初學(xué)者seoer問網(wǎng)站被K了,哪些情況下被K了,小編來給大家解釋一下,一般網(wǎng)站被K包括:全站被K了,首頁被K了,內(nèi)頁被K了,快照被K了,快照回檔了,不放收錄了

    View details

  • 11-25

    2020

    網(wǎng)站優(yōu)化 / 2020-11-25

    【東莞seo】如何寫出一篇出色的seo寫作文章?

      關(guān)于東莞seo,科技優(yōu)化排名,文采迷住用戶,大部分SEO只是單純?yōu)榱藘?yōu)化而整合或偽原創(chuàng)文章,不管能否讀通,其實(shí)根本沒有任何價(jià)值。當(dāng)然還有很多SEO人員堅(jiān)持寫原

    View details